/*
 * @Author: zhangweixin 
 * @Date: 2018-12-06 10:11:23 
 * @Last Modified by: zhangweixin
 * @Last Modified time: 2018-12-06 11:20:26
 */


@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5){

}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2){
  
}

.half-border(@half-border-color) {
  position: relative;
  &:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1px solid @half-border-color;
    transform-origin: 0 0;
    transform: scale(.5, .5);
  }
}
  
.half-line-bottom(@half-border-color) {
  position: relative;
  &:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0; 
    // 这是为了防止，父元素用了display:flex;align-items:center,
    // 导致border 居中
    height: 1px;
    border-top: 1px solid @half-border-color;
    color: @half-border-color;
    transform-origin: 0 0;
    transform: scaleY(.5);
    width: 100%;
    z-index: 2;
  }
}
.half-line-top(@half-border-color) {
  position: relative;
  &:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0; 
    // 这是为了防止，父元素用了display:flex;align-items:center,
    // 导致border 居中
    height: 1px;
    border-top: 1px solid @half-border-color;
    color: @half-border-color;
    transform-origin: 0 0;
    transform: scaleY(.5);
    width: 100%;
    z-index: 2;
  }
}
.half-line-left(@half-border-color) {
  position: relative;
  &:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; 
    // 这是为了防止，父元素用了display:flex;align-items:center,
    // 导致border 居中
    width: 1px;
    border-left: 1px solid @half-border-color;
    color: @half-border-color;
    transform-origin: 0 0;
    transform: scaleX(.5);
    width: 100%;
    z-index: 2;
  }
}
.half-line-right(@half-border-color) {
  position: relative;
  &:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid @half-border-color;
    transform-origin: 0 0;
    transform: scale(.5, .5);
  }
}
// .half-line-right(@half-border-color) {
//   position: relative;
//   &:after {
//     content: " ";
//     position: absolute;
//     display: inline-block;
//     right: 0;
//     top: 0;
//     bottom: 0;
//     // 这是为了防止，父元素用了display:flex;align-items:center,
//     // 导致border 居中
//     width: 1px;
//     border-right: 1px solid @half-border-color;
//     color: @half-border-color;
//     transform-origin: 0 0;
//     transform: scaleX(.5);
//     width: 100%;
//     z-index: 2;
//   }
// }